<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./src/css/index.css">
    <link rel="shortcut icon" href="./src/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./src/css/iconfont.css">
    <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
</head>

<body>
    <!-- 顶部 -->
    <header>
        <div class="box clearFix">
            <!-- 顶部左边 -->
            <div class="lf toplf">
                <div class="toplftext position topborder">
                    <i class="iconfont icon-ditu-copy"></i>
                    <span class="toplftextvalue">四川</span>
                    <div class=" topleftclone">
                        <div class="topleftclone1">
                            <ul class="clearFix">
                            </ul>
                        </div>
                         <div class="topleftclone2 topleftclone2tpl">
                            <div class="topleftclone2border"></div>
                            <h3></h3>
                            <ul class="clearFix">
                            </ul>
                        </div>
                       
                    </div>
                </div>
            </div>
            <!-- 顶部右边 -->
            <div class="rg toprg">
                <div class="toprgcont clearFix">
                    <div class="toprgcontson"><a href="">你好，请登录</a><a><span>免费注册</span></a></div>
                    <div class="toprgcontson"><a href="">我的订单</a></div>
                    <div class="toprgcontson topborder">
                        <a href="">我的京东<i class="iconfont icon-window-down"></i></a>
                        <div class="toprgcontson3">
                            <div class="toprgcontson3clone toprgcontson3clonetlp">
                                <ul class="clearFix">
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="toprgcontson"><a href="">京东会员</a></div>
                    <div class="toprgcontson topborder"><a href="">
                        <span>企业采购</span><i class="iconfont icon-window-down"></i></a>
                        <div class="toprgcontson5 ">
                            <ul class="clearFix">
                            </ul>
                        </div>
                    </div>
                    <div class="toprgcontson topborder">
                        <span>客户服务</span><i class="iconfont icon-window-down"></i>
                        <div class="toprgcontson6">
                            <div class="toprgcontson6clone toprgcontson6clonetlp">
                                <h3></h3>
                                <ul class="clearFix">
                                    <li><a href=""></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="toprgcontson topborder">
                        <span>网站导航</span><i class="iconfont icon-window-down"></i>
                        <div class="toprgcontson7 clearFix">
                            <div class="toprgcontson7clone toprgcontson7clonetpl">
                                <h3></h3>
                                <ul class="clearFix">
                                    <li><a href=""></a></li>
                                </ul>
                            </div>                   
                        </div>
                    </div>
                    <div class="toprgcontson toprgcontson8sanjiao">
                        <span>手机京东</span>
                        <div class="toprgcontson8">
                            <div class="toprgcontson8clone clearFix toprgcontson8clonetpl">
                                <div class="son8tu">
                                    <img src="" alt="">
                                </div>
                                <div class="son8text">
                                    <div class="son8texth"></div>
                                    <span class="son8textjs"></span>
                                </div>
                            </div>
                            <div class="xian"></div>
                        </div>
                    </div>
                    <div class="toprgcontson"><a href="">网站无障碍</a></div>
                </div>
            </div>
        </div>
    </header>
    <!-- 搜索框 -->
    <div class="centerBox box">
        <div class="clearFix centerinit">
            <div class="centerlf lf">
                <div class="logo"><a href=""></a></div>
            </div>
            <div class="center lf">
                <div class="centertop">
                    <div class="centerinputbox clearFix">
                        <div class="centerinput lf clearFix">
                            <div class="lf isInput position">
                                <input type="text" placeholder="罗技鼠标" class="">
                                <a class="xiangji iconfont icon-xiangji1" href=""></a>
                            </div>
                            <div class="isFang lf">
                                <button><a class="iconfont icon-sousuo" href=""></a></button>
                            </div>
                        </div>
                        <div class="centershop rg clearFix position">
                            <div class="shoplf position lf">
                                <a class="iconfont icon-gouwugouwuchedinggou" href=""></a>
                                <span>0</span>
                            </div>
                            <div class="shoprg lf"><a href="">我的购物车</a></div>
                            <div class="loadingshop">
                                <img src="./src/images/sskuang/loading.gif" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="centerinputbom">
                        <ul>
                        </ul>
                    </div>
                </div>
                <div class="centerbom">
                    <ul>
                        
                    </ul>
                </div>
            </div>
            <div class="rg centerrg">
                <a href=""><img src="./src/images/sskuang/sskuangrg.png.webp" alt=""></a>
            </div>
        </div>
    </div>
 <!-- 搜索框结束 -->

<!-- 中间开始 -->
    <div class="contbox position">
        <div class="cont box clearFix">
            <div class="contlf lf position">
                <ul class="position contlf1">
                    <li date = "0"><a href="">家用电器</a></li>
                    <li date = "1"><a href="">手机</a><span>/</span><a href="">运营商</a><span>/</span><a href="">数码</a></li>
                    <li date = "2"><a href="">电脑</a><span>/</span><a href="">办公</a></li>                    
                    <li date = "3"><a href="">家居</a><span>/</span><a href="">家具</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
                    <li date = "4"><a href="">女装</a><span>/</span><a href="">童装</a><span>/</span><a href="">内衣</a><span>/</span><a href="">男装</a></li>
                    <li date = "5"><a href="">美妆</a><span>/</span><a href="">个护清洁</a><span>/</span><a href="">宠物</a></li>
                    <li date = "6"><a href="">女鞋</a><span>/</span><a href="">箱包</a><span>/</span><a href="">钟表</a><span>/</span><a href="">珠宝</a></li>
                    <li date = "7"><a href="">男鞋</a><span>/</span><a href="">运动</a><span>/</span><a href="">户外</a></li>
                    <li date = "8"><a href="">房产</a><span>/</span><a href="">汽车</a><span>/</span><a href="">汽车用品</a></li>
                    <li date = "9"><a href="">母婴</a><span>/</span><a href="">玩具乐器</a></li>
                    <li date = "10"><a href="">食品</a><span>/</span><a href="">酒类</a><span>/</span><a href="">生鲜</a><span>/</span><a href="">特产</a></li>
                    <li date = "11"><a href="">艺术</a><span>/</span><a href="">礼品鲜花</a><span>/</span><a href="">农资绿植</a></li>
                    <li date = "12"><a href="">医药保健</a><span>/</span><a href="">计生情趣</a></li>
                    <li date = "13"><a href="">图书</a><span>/</span><a href="">文娱</a><span>/</span><a href="">教育</a><span>/</span><a href="">电子书</a></li>
                    <li date = "14"><a href="">机票</a><span>/</span><a href="">酒店</a><span>/</span><a href="">旅游</a><span>/</span><a href="">生活</a></li>
                    <li date = "15"><a href="">理财</a><span>/</span><a href="">众筹</a><span>/</span><a href="">白条</a><span>/</span><a href="">保险</a></li>
                    <li date = "16"><a href="">安装</a><span>/</span><a href="">维修</a><span>/</span><a href="">清洗</a><span>/</span><a href="">二手</a></li>
                    <li date = "17"><a href="">工业品</a></li>
                </ul>
                <div class="contlfhover">
                    <div class="contlfhover1 clearFix contclone contclonetpl">
                        <div class="contlfhover1lf lf ">
                            <div class="contlfhover1lftop">
                            </div>   
                           <div class="contlfhover1lfcont">
                                <dl class="clearFix">
                                    <dt></dt>
                                    <dd></dd>
                                </dl>
                           </div>
                        </div>
                        <div class="contlfhover2lf lf">
                        </div>
                    </div>
                </div>
            </div>    
             <div class="contcenter lf position">
                <div class="contcenterLun">
                </div>
                <div class="contcenterlf">
                    <i class="iconfont icon-xiangyou1"></i>
                </div>
                <div class="contcenterrg">
                    <i class="iconfont icon-xiangyou1"></i>
                </div>
                <div class="contcenterLunan">
                    
                </div>
             </div>  
             <div class="contcenter1 position lf">
                <div class="contcenter1tpl xiaobanner">
                    <div class="contcenter1img">
                        
                    </div>
                    <div class="contcenter1img">
                      
                    </div>
                    <div class="contcenter1img">
                       
                    </div>
                </div>
                <div class="contcenter1lf">
                    <i class="iconfont icon-xiangyou1"></i>
                </div>
                <div class="contcenter1rg">
                    <i class="iconfont icon-xiangyou1"></i>
                </div>
             </div>
            <div class="contrg lf">
                <div class="contrgtop clearFix">
                    <div class="lf">
                        <a href=""></a>
                    </div>
                    <div class="rg">
                        <p>Hi~欢迎光临京东！</p>
                        <p><a href="">登录</a><span>|</span><a href="">注册</a></p>
                    </div>
                </div>
                <div class="clearFix Vip">
                    <div class="lf"><a href="">新人福利</a></div>
                    <div class="rg"><a href="">PLUS会员</a></div>
                </div>
                <div class="jdkb position">
                    <div class="jdkbtop clearFix">
                        <h3 class="lf">京东快报</h3>
                        <a href="" class="rg">更多</a>
                    </div>
                    <div class="clearFix newspaper newspapertpl">
                        <h4 class="lf"></h4> <p class="rg"><a href=""></a></p>
                    </div>

                </div>
                <div class="gongjubox clearFix">
                    <div class="clearFix gongjus">
                        <a class="gongju1 gongju animate1" href="">
                            <i></i>
                            <span >话费</span>
                        </a>
                        <a class="gongju2 gongju animate1 animate2" href="">
                            <i></i>
                            <span >机票</span>
                        </a>
                        <a class="gongju3 gongju animate1 animate2" href="">
                            <i></i>
                            <span>酒店</span>
                        </a>
                        <a class="gongju4 gongju animate2" href="">
                            <i></i>
                            <span>游戏</span>
                        </a>
                        <a class="gongju5 gongju" href="">
                            <i></i>
                            <span>加油卡</span>
                        </a>
                        <a class="gongju6 gongju" href="">
                            <i></i>
                            <span>火车票</span>
                        </a>
                        <a class="gongju7 gongju" href="">
                            <i></i>
                            <span>众筹</span>
                        </a>
                        <a class="gongju8 gongju" href="">
                            <i></i>
                            <span>理财</span>
                        </a>
                        <a class="gongju9 gongju" href="">
                            <i></i>
                            <span>白条</span>
                        </a>
                        <a class="gongju10 gongju" href="">
                            <i></i>
                            <span>电影票</span>
                        </a>
                        <a class="gongju11 gongju" href="">
                            <i></i>
                            <span>企业购</span>
                        </a>
                        <a class="gongju12 gongju" href="">
                            <i></i>
                            <span>礼品卡</span>
                        </a>
                    </div>
                    <div class="huafeiandjipiaoandjiudian">
                        <div class="huafeibox donghua1">
                            <p class="huafeiliuliang"><a class="huafeichong active" href="">话费充值</a><a class="liuliangchong" href="">流量充值</a></p>
                            <div class="hfbox  active huafeidonghua">
                                <p class="hfbox1"><span>号码</span><input placeholder="电信/移动/联通" type="text"></p>
                                <p class="mianzhi"><span>面值 </span><select name="" id="">
                                    <option value="30">30元</option>
                                    <option value="50">50元</option>
                                    <option value="100">100元</option>
                                    <option value="100">200元</option>
                                </select></p>
                                <p class="money">￥98.0-￥100.0</p>
                                <a class="kschongzhi" href="">快速充值</a>
                            </div>
                            <div class="llbox huafeidonghua">
                                <p class="llbox1"><span>号码</span><input placeholder="请输入手机号" type="text"></p>
                                <p class="liuliang"><span>流量</span> 
                                    <select name="" id="">
                                        <option value="省内">省内</option>
                                        <option value="全国">全国</option>
                                    </select>
                                    <select name="" id="">
                                        <option value="50M">50M</option>
                                        <option value="100M">100M</option>
                                        <option value="200M">200M</option>
                                        <option value="300M">300M</option>
                                        <option value="500M">500M</option>
                                    </select>
                                </p>
                                <p class="money">￥7.5-￥10.0</p>
                                <a class="kschongzhi" href="">快速充值</a><a href="">App Store充值卡</a>
                            </div>
                        </div>
                        <div class="feijipiaobox donghua1 donghua2">
                            <div class="jipiaotop">
                                <p class="jipiaotop1"><a class="active" href="">国内机票</a><a href="">国际/港澳台</a><a href="">特惠</a></p>
                                <div class="jipiaotab clearFix">
                                   <div class="jipiaotab1 lf jipiaodong">
                                    <p class="from">
                                        <input name="i" type="radio" checked><span>单程</span>
                                        <input name="i" type="radio"><span>往返</span>
                                    </p>
                                    <div class="position">
                                        <p><span>出发</span><input placeholder="城市" type="text"></p>
                                        <p><span>到达</span><input placeholder="城市" type="text"></p>
                                        <div class="positiontu">
                                        </div>
                                    </div>
                                    <div class="time">
                                        <p><span>日期</span><input placeholder="出发" type="text"></p>
                                    </div>
                                    <p><a class="jipiaochaxun" href="">机票查询</a><a href="">国际机票任性搜 </a></p>
                                   </div>
                                   <div class="jipiaotab2 lf jipiaodong">
                                    <p class="from">
                                        <input name="ii" type="radio" checked><span>单程</span>
                                        <input name="ii" type="radio"><span>往返</span>
                                    </p>
                                    <div class="position">
                                        <p><span>出发</span><input placeholder="城市" type="text"></p>
                                        <p><span>到达</span><input placeholder="城市" type="text"></p>
                                        <div class="positiontu">
                                        </div>
                                    </div>
                                    <div class="time">
                                        <p><span>日期</span><input placeholder="出发" type="text"></p>
                                    </div>
                                    <p><a class="jipiaochaxun" href="">机票查询</a></p>
                                   </div>
                                   <div class="jipiaotab3 lf jipiaodong">
                                        <a href=""><img src="./src/images/cont/contrg/gongju/fei1.jpg" alt=""></a>
                                        <a href=""><img src="./src/images/cont/contrg/gongju/fei2.jpg" alt=""></a>
                                   </div>
                                </div>
                            </div>
                        </div>
                        <div class="jiudianbox donghua1 donghua2">
                            <div class="jiudianboxtop">
                                <p><a class="active" href="">国内/港澳台</a><a href="">促销活动</a></p>
                            </div>
                            <div class="jiudianboxtab clearFix">
                                <div class="jiudianboxtab1 lf jiudiandong">
                                    <p><span>目的地</span><input type="text" name="" id="" placeholder="北京"></p>
                                    <p><span>入住日期</span><input type="text" name="" id="" placeholder="2022-08-10"></p>
                                    <p><span>离店日期</span><input type="text" name="" id="" placeholder="2022-08-11"></p>
                                    <p class="maps"><input type="text" placeholder="酒店/商圈/地标"></p>
                                    <p><a class="jiudianchaxun" href="">酒店查询</a><a href="">订购酒店上京东 </a></p>
                                </div>
                                <div class="jiudianboxtab2 lf jiudiandong">
                                    <a href=""><img src="./src/images/cont/contrg/gongju/fei1.jpg" alt=""></a>
                                    <a href=""><img src="./src/images/cont/contrg/gongju/fei2.jpg" alt=""></a>
                                </div>
                            </div>
                        </div>
                        <div class="gamebox donghua2">
                            <div class="gameboxtop">
                                <p><a href="">视频/娱乐</a><a href="">点卡</a><a href="">QQ</a></p>
                            </div>
                            <div class="gameboxtab clearFix">
                                <div class="gameboxtab1 lf">
                                    <p class="gamechong"><span>服务类型</span><input type="text" placeholder="类型"></p>
                                    <p class="gamechong"><span>充值时长</span><input type="text" placeholder="时长"></p>
                                    <p class="money">¥0.00</p>
                                    <p class="chongzhixuanxiang"><input type="radio" name="e" id="" checked><span>直充</span><input type="radio" name="e" id=""><span>卡密</span></p>
                                    <p><a class="kschongzhi" href="">快速充值</a></p>
                                </div>
                                <div class="gameboxtab2 lf">
                                    <p class="gamechong"><span>游戏</span><input type="text" placeholder="游戏"></p>
                                    <p class="gamechong"><span>面值</span><input type="text" placeholder="面值"></p>
                                    <p class="money">¥0.00</p>
                                    <p class="chongzhixuanxiang"><input type="radio" name="e" id="" checked><span>直充</span><input type="radio" name="e" id=""><span>卡密</span></p>
                                    <p><a class="kschongzhi" href="">快速充值</a></p>
                                </div>
                                <div class="gameboxtab3 lf">
                                    <p class="gamechong"><span>QQ</span><input type="text" placeholder="Q币"></p>
                                    <p class="gamechong"><span>面值</span><input type="text" placeholder="1元"></p>
                                    <p class="money">¥0.99</p>
                                    <p class="chongzhixuanxiang"><input type="radio" name="e" id=""><span>直充</span></p>
                                    <p><a class="kschongzhi" href="">快速充值</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="stop">X</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 中间部分结束 -->
    <!-- 尾部开始 -->
    <footer>
        <div class="footbox box clearFix">
            <div class="footboxlf lf">
                <a href="">
                    <div class="miaosha">京东秒杀</div>
                    <div class="jieshu"><strong>00:00</strong><span>点场 结束</span></div>
                    <div class="jieshutime">
                        <strong class="shi">24</strong><span>:</span><strong class="fen">00</strong><span>:</span><strong class="miao">00</strong>
                    </div>
                </a>
            </div>
            <div class="footboxlf1 lf position">
                <div class="footboxlf1tab clearFix">
                    <div class="footboxlf1tabclone clearFix ">
                        <a class="lf position footboxlf1tabclonetpl" href="" >
                            <div class="footboxlf1img footboxlf1img1"></div>
                            <p class="title"></p>
                            <p class="titlemoney"></p>
                        </a>
                    </div>
                </div>
                <div class="footboxlf1anlf"><i class="iconfont icon-xiangyou1"></i></div>
                <div class="footboxlf1anrg"><i class="iconfont icon-xiangyou1"></i></div>
            </div>
            <div class="lf miaosharg">
                <a href="">
                    <div class="miaoshaimg"></div>
                    <div>
                        <p>珠宝饰品大牌钜惠</p>
                        <p>精选每满300减30</p>
                        <button>品类秒杀</button>
                    </div>
                </a>
            </div>
        </div>
    </footer>
    <script src="./src/js/jquery-1.8.3.min.js"></script>
    <script src="./src/js/fangdou.js"></script>
    <script src="./src/js/josn.js"></script>
    <script src="./src/js/index.js"></script>
</body>

</html>